<template>
  <div class="header">
    <div class="icon"></div>
    <p>Chicken Music</p>
    <div class="mine">
      <i class="iconfont icon-wode"></i>
    </div>
  </div>
</template>

<style lang="less" scoped>
  *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
.header{
  position: relative;
  background-color: #222;
  height:.88rem;
  text-align: center;
  color: #ffcd32;
  font-size: 0;
  .icon{
    display: inline-block;
    /*background-color: red;*/
    height:.64rem;
    width:.60rem;
    background-image: url("../../common/image/head.png");
    background-size: .60rem .64rem;
    margin-top: .11rem;
    margin-right: .22rem;
  }
  p{
    line-height:.88rem;
    vertical-align: top;
    font-size: .32rem;
    display: inline-block;
    /*font-family: sans-serif;*/
  }
  .mine{
    position: absolute;
    right: 0;
    top: 0;
    height:.88rem;
    width:.88rem;
    padding: .22rem;
    i{
      display: inline-block;
      font-size: .4rem;
      font-weight: 700;
      color: #ffcd32;
    }
  }
}
</style>

<script>
  export default {
    data () {
      return {
      
      }
    },
    created(){
//      var _this = this;
//      const API_PROXY = 'https://bird.ioliu.cn/v1/?url=';
//      this.axios.get(API_PROXY+'http://music.163.com/api/playlist/detail?id=19723756')
//        .then(function (res) {
//          console.log(res);
//          console.log(this);
//      }.bind(this))
//      _this.axios.post(
//        API_PROXY+'http://music.163.com/api/playlist/detail',
//        {id:'19723756'})
//        .then(function (res) {
//          console.log(res);
//        })
//      _this.axios({
//        method:'post',
//        url:API_PROXY+'http://music.163.com/api/playlist/detail',
//        data:{
//          id:'19723756'
//        }
//      }).then(function (res) {
//        console.log(res.data);
//      }).catch(function (err) {
//        console.log(err);
//      })
    }
  }
</script>
